<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>消息</title>
    <link href="css/main.css" type="text/css" rel="stylesheet" />
</head>
<body id="xx">
<div  class="container">
    <div class="tab-hd-bk">
        <ul>
            <li class="act">系统消息</li>
            <li>客服消息</li>
            <li>收到的评论</li>
            <li>发出的评论</li>
        </ul>
    </div>
    <div class="tab-hd-bd">
        <div class="list tab-01">
            <a class="item">
                <div class="icon ico-01"></div>
                <h4>订单消息</h4>
                <p>您已经付款成功！您已经付款成功！您已经付款成功！</p>
                <time>2017-06-19 17:26:08</time>
            </a>
            <a class="item">
                <div class="icon ico-02"></div>
                <h4>活动消息</h4>
                <p>您已经付款成功！您已经付款成功！您已经付款成功！</p>
                <time>2017-06-19 17:26:08</time>
            </a>
            <a class="item">
                <div class="icon ico-03"></div>
                <h4>账户消息</h4>
                <p>您已经付款成功！您已经付款成功！您已经付款成功！</p>
                <time>2017-06-19 17:26:08</time>
            </a>
            <a class="item">
                <div class="icon ico-04"></div>
                <h4>其他消息</h4>
                <p>您已经付款成功！您已经付款成功！您已经付款成功！</p>
                <time>2017-06-19 17:26:08</time>
            </a>
        </div>
        <div class="list tab-02">
            <div class="item">
                <div class="time">
                    <time>2017-08-07 10:45</time>
                </div>

                <div class="wrap">
                    <img class="avatar" src="images/avatar-img.png">
                    <div class="cont">
                        <i class="jir"></i>
                        <p>您的付款已经成功！您的付款已经成功您的付款已经成功您的付款已经成功您的付款已经成功您的付款已经成功您的付款已经成功</p>
                    </div>
                </div>

            </div>
            <div class="item">
                <div class="time">
                    <time>2017-08-07 10:45</time>
                </div>

                <div class="wrap">
                    <img class="avatar" src="images/avatar-img.png">
                    <div class="cont">
                        <i class="jir"></i>
                        <p>您的付款已经成功！您的付款已经成功您的付款已经成功您的付款已经成功您的付款已经成功您的付款已经成功您的付款已经成功</p>
                    </div>
                </div>

            </div>
        </div>
        <div class="list tab-03">
            <a class="item">
                <img class="avatar" src="images/avatar-img.png">
                <div class="hd">
                    <h4>按时打卡是:</h4>
                    <time>16-03-22</time>
                </div>
                <div class="comment"><span>五哥：</span>有意思有意思有意思！有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思</div>
                <div class="cont">有意思有意思有意思！有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思</div>
                <div class="tag">原文：思有意思有意思有意思</div>
            </a>

        </div>
        <div class="list tab-04">
            <a class="item">
                    <img class="avatar" src="images/avatar-img.png">
                        <div class="hd">
                            <h4>按时打卡是:</h4>
                            <time>16-03-22</time>
                        </div>

                        <div class="cont">有意思有意思有意思！有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思"</div>
                        <div class="tag">原文：思有意思有意思有意思</div>

            </a>
            <a class="item">
                <img class="avatar" src="images/avatar-img.png">
                <div class="hd">
                    <h4>按时打卡是:</h4>
                    <time>16-03-22</time>
                </div>

                <div class="cont">有意思有意思有意思！有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思有意思"</div>
                <div class="tag">原文：思有意思有意思有意思</div>

            </a>
        </div>

        <div class="list tab-03">
            <div class="empty-list"></div>

        </div>
    </div>
</div>
</body>
<script src="js/rem.js"></script>
<script src="js/jquery.js"></script>
</html>